animation: Set size through CSS

Pretty much the same case of the previous commit: we want this size
to be scale-dependant, and using the width and height properties of
ClutterActor doesn't automatically update.

Use CSS to set the width and height.

https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1176

diff --git a/js/ui/animation.js b/js/ui/animation.js
index 2344851adc13bea575af441d6951b382d5f6716f..fa8cad932acf42c7d8b1f02f0cf2abd8bcfa3338 100644 (file)
--- a/js/ui/animation.js
+++ b/js/ui/animation.js
@@ -15,8 +15,7 @@ class Animation extends St.Bin {
         const themeContext = St.ThemeContext.get_for_stage(global.stage);
 
         super._init({
-            width: width * themeContext.scale_factor,
-            height: height * themeContext.scale_factor,
+            style: `width: ${width}px; height: ${height}px;`,
         });
 
         this.connect('destroy', this._onDestroy.bind(this));